
export default {
  legend: {
    show: true,
    type: 'scroll',
    x: 'center',
    y: 'top',
    // icon: 'circle',
    // orient: 'horizontal',
    // textStyle: {
    //     color: '#B9B8CE',
    //     fontSize: 18,
    // },
    // itemHeight: 15,
    // itemWidth: 15,
    pageTextStyle: { color: '#ffffff' }
  },
  xAxis: {
    show: true,
    name: '',
    nameGap: 15,
    nameTextStyle: {
      color: '#fff',
      fontSize: 12
    },
    inverse: false,
    axisLabel: {
      show: true,
      fontSize: 12,
      color: '#fff',
      rotate: 0
    },
    position: 'bottom',
    // axisLine: {
    //     show: true,
    //     lineStyle: {
    //         color: '#B9B8CE',
    //         width: 1,
    //     },
    //     onZero: true,
    // },
    data: ['Mon', 'Mon', 'Mon', 'Mon', 'Mon', 'Mon', 'Mon'],
    type: 'category'
  },
  yAxis: {
    show: true,
    name: '',
    nameGap: 15,
    nameTextStyle: {
      color: '#B9B8CE',
      fontSize: 12
    },
    axisLabel: {
      show: true,
      fontSize: 12,
      color: '#fff',
      rotate: 0
    },
    inverse: false,
    position: 'left',
    type: 'value'
    // data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
  },
  grid: {
    show: false,
    left: '10%',
    top: '60',
    right: '10%',
    bottom: '60'
  },
  tooltip: {
    show: true,
    trigger: 'axis',
    axisPointer: { type: 'line' }
  },

  series: [
    {
      type: 'line',
      label: {
        show: true,
        position: 'top',
        color: '#fff',
        fontSize: 12
      },
      symbolSize: 5,
      lineStyle: {
        type: 'solid',
        width: 3,
        color: null
      },
      data: [12, 220, 320, 120, 130, 40, 50]
    },
    {
      type: 'bar',
      barWidth: 15,
      label: {
        show: true,
        position: 'top',
        color: '#fff',
        fontSize: 12
      },
      itemStyle: {
        color: null,
        borderRadius: 2
      },
      data: [212, 120, 120, 20, 30, 20, 10]
    }
  ],
  backgroundColor: 'rgba(0,0,0,0)'
}
